<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .box{
            color:aqua;
            font-weight: 800;
        }
    </style>
</head>
<body>
    <a href="#" class="lj" data-index="123">这是一个链接</a>
    <img src="" alt="">
</body>
<script>
    const em1 = document.querySelector('.lj');
    console.log(em1.href);
    em1.href = 'https://www.baidu.com';  //设置内置属性的值
    em1.textContent = '百度一下';
    em1.setAttribute('href','https://www.baidu.com');   //设置内置属性的值                                                                                                                                                                                           
    em1.setAttribute('data-index','456');  //设置自定义属性值
    console.log(em1.getAttribute('data-index')); //获取自定义属性值
    //element.dataset.属性 = '值'，这里的属性只取data-后的自定义属性名
    em1.dataset.index = '788';
    console.log(em1.dataset.index); //获取自定义属性
    console.log(em1.dataset['index']); //获取自定义属性
    em1.removeAttribute('href'); //内置属性和自定义属性均使用此方法移除
    console.log(em1.getAttribute('data-index'));
    em1.style.color = 'red';
    //所有css中带-的属性在这里一律改成：去掉-首字母大写
    em1.style.fontSize = '34px'; //fontSize:font-size
    em1.className = 'lj box';


</script>
</html>